/************************* CMRPage Classes **************************/

body
{
	background-color: #667788;
}

#logon p
{
	background-color: #667788;
	padding: 1px 10px 1px 10px;
	width: 379px;
	position:absolute;
	left:534px;
	top:97px;
}

#logon p 
{
	font-weight: 700;
	font-family: sans-serif;
	font-size: 60%;
	color: #000000;
}

#logon input
{
	font-weight: 700;
	font-family: sans-serif;
	font-size: 90%;
	color: #663300;
}

#search p
{
	background-color: #667788;
	padding: 1px 10px 1px 10px;
	width: 379px;
	position:absolute;
	left:534px;
	top:119px;
}

#search p 
{
	font-weight: 700;
	font-family: sans-serif;
	font-size: 60%;
	color: #000000;
}

#search input
{
	font-weight: 700;
	font-family: sans-serif;
	font-size: 90%;
	color: #000000;
}

#message p
{
	background-color: #ff7788;
	font-weight: 700;
	font-family: sans-serif;
	font-size: 80%;
	color: #663300;
	padding: 10px 10px 10px 10px;
	width: 390px;
	position:absolute;
	left:350px;
	top:300px;
	border: 4px ridge #663300;
}

#message span
{
	background-color: #ff0000;
	font-weight: 700;
	font-family: sans-serif;
	font-size: 90%;
	color: #999999;
	position:absolute;
	left:749px;
	top:316px;
	z-index: 1;
	padding: 2px;
	border: 1px solid #000000;
}

#admin
{
	color: #554433;
	background-color: #ccaaaa;
	width: 180px;
	position:fixed;
	left:980px;
	top:30%;
	border: 4px ridge #cc3366;
}

#admin h1
{
	font-weight: 700;
	font-family: sans-serif;
	font-size: 100%;
	padding: 4px;
	margin: 0px;
}

#admin hr
{
	padding: 0px;
	margin: 0px;
}

#admin p.menuAdmin
{
	font-weight: 500;
	font-family: sans-serif;
	font-size: 80%;
	background-color: #ccaaaa;
	border: 0px solid;
	margin: 0px;
	padding: 4px;
}

#admin p.menuAdminHover
{
	font-weight: 500;
	font-family: sans-serif;
	font-size: 80%;
	background-color: #aa9999;
	border: 0px solid;
	margin: 0px;
	padding: 4px;
}

#howto p
{
	background-color: #994444;
	font-weight: 700;
	font-family: sans-serif;
	font-size: 80%;
	color: #663300;
	padding: 10px 10px 10px 10px;
	width: 180px;
	position:fixed;
	left:980px;
	top:70%;
	border: 4px ridge #994444;
}

#content 
{
	background-color: #ffffff;
	width: 720px;
	position:relative;
	left:200px;
	top:60px;
	border: 10px solid #ffffff;
}

#content p
{
	font-weight: 500;
	font-family: sans-serif;
	font-size: 70%;
	color: #223344;
	padding: 10px 10px 10px 10px;
}

#content h1
{
	background-color: #223344;
	font-weight: 800;
	font-family: sans-serif;
	font-size: 200%;
	color: #ffffff;
	padding: 10px 60% 10px 40px;
}

#content h2
{
	font-weight: 900;
	font-family: sans-serif;
	font-size: 180%;
	color: #7777aa;

}

#content table tr td
{
	font-weight: 500;
	font-family: sans-serif;
	font-size: 10pt;
	color: #223344;
	padding: 10px 10px 10px 10px;	
}

img.content
{
	height: 180px;
	width: 300px;
	border-top-width: 5px ;
	border-bottom-width: 5px ;
	border-left-width: 20px ;
	border-right-width: 20px ;
	border-style: solid;
	border-color: #ffffff;
	float: left;
}

#footer p
{
	background-color: #223344;
	font-weight: 500;
	font-family: sans-serif;
	font-size: 80%;
	color: #ffffff;
	width: 714px;
	position:relative;
	left:200px;
	top:60px;
	padding: 30px 10px 30px 10px;
	border-width: 2px;
	border-color: #446688;
	border-style: groove;
}


#CMRLogo p
{
	font: italic 500 300% serif;
	color: #333333;
	position: absolute;
	left: 220px;
	top: 5px;
	margin: 0px;
	border: 0px;
}

#HomeLogo 
{
	background-image: url("../Images/HomeLogo.png");
	background-repeat: no-repeat;
	border: double;
	position: absolute;
	left: 80px;
	top: 70px;
	width: 65px;
	height: 35px;
}

#FCMLogo 
{
	background-image: url("../Images/FCMLogo.jpg");
	background-repeat: no-repeat;
	border: double;
	position: absolute;
	left: 80px;
	top: 130px;
	width: 65px;
	height: 130px;
}

#FCMText
{
	font-weight: 500;
	font-family: sans-serif;
	font-size: 60%;
	text-align: justify;
	color: #333300;
	position: absolute;
	left: 65px;
	top: 270px;
	width: 95px;

}

.floatstop
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/************************* ShowSection Classes **************************/

#ShowSectionName
{
	float: left;
/*	width: 150px;*/
	font: normal bold 100% sans-serif;
	vertical-align: text-bottom;
	width: 25%;
	color: #223344;
	padding-top: 5px;
/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #223344; */
}

#ShowSectionDescription
{
	float: left;
	font: normal normal 70% sans-serif;
	vertical-align: text-bottom;  
	width: 70%;
	color: #223344;
	padding-top: 8px;
/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #223344; */
}

/*#ShowSectionGoto
{
	float: left;
	display: block;
	width: 15%;
	height: 20px;
	padding-top: 12px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #223344; 
}*/


/*.Section div {color:#ff3333;}*/

.Section
{
	background-color: #f7f7ff;
	margin: 0px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #223344; 
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #223344; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #223344; */
}

.SectionHover
{
	background-color: #dddddd;
	margin: 0px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #223344; 
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #223344; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #223344; */
}

/***************************** Show Summary Classes ****************************/
.Summary
{
	background-color: #f7f7ff;
	margin: 0px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #223344; 
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #223344; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #223344; */
}

.SummaryHover
{
	background-color: #dddddd;
	margin: 0px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #223344; 
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #223344; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #223344; */
}

span.SummaryTitle
{
	float: left;
	font: normal bold 100% sans-serif;
/*	padding-right: 8px;*/
	width: 30%;
	margin: 0px;	
}

span.SummaryDescription
{
	float:left;
	font: normal normal 70% sans-serif;
	padding-left: 8px;
	padding-top: 12px;
	width: 55%;
	margin: 0px;
}

span.SummaryAdminControls
{
	float:left;
	background-color: #223344;
	color: #ffffff;
	font: normal normal 60% sans-serif;
	padding: 3px;
	text-align:center;
	width: 5%;
	margin: 2px;
	z-index: 1;	
}

span.SummaryAdminControlsHover
{
	float:left;
	background-color: #667788;
	font: normal normal 60% sans-serif;
	padding: 3px;
	text-align:center;
	width: 5%;
	margin: 2px;
	z-index: 1;	
}

span.ListMainTitle
{
	font: normal bold 130% sans-serif;
}

span.ListTitle
{
	float: left;
	font: normal bold 100% sans-serif;
/*	padding-right: 8px;*/
	width: 20%;
	margin: 0px;	
}

span.ListDescription
{
	float:left;
	font: normal normal 100% sans-serif;
	width: 75%;
	margin: 0px;
}

/********************************* Alphabet Selector *****************************************/

/* div class AlphabetSelect*/
div.CategorySearchLetterDiv
{
	text-align:center;
	border-color: #ffffff;
	border-width: 10px;
	border-style: solid;
}

/* div class AlphabetLetter */
span.CategorySearchLetterSpan
{
	background-color: #223344;
	font: normal bold 100% sans-serif;
	color: #ffffff;
	padding: 4px;
	border-color: #ffffff;
	border-width: 3px;
	border-style: solid;
}
 span.CategorySearchLetterSpanHover
{
	background-color: #667788;
	font: normal bold 100% sans-serif;
	color: #000000;
	padding: 4px;
	border-color: #ffffff;
	border-width: 3px;
	border-style: solid;
}
 
/********************************* DIsplay limit Selector *****************************************/

/* div class Display Limit*/
div.CategorySearchLimitDiv
{
	text-align:center;
	font: normal normal 80% sans-serif;

	border-color: #ffffff;
	border-width: 10px;
	border-style: solid;
}

span.CategorySearchLimitButton
{
	background-color: #223344;
	font: normal bold 100% sans-serif;
	color: #ffffff;
	padding: 4px;
	border-color: #ffffff;
	border-width: 3px;
	border-style: solid;
}

 span.CategorySearchLimitButtonHover
{
	background-color: #667788;
	font: normal bold 100% sans-serif;
	color: #000000;
	padding: 4px;
	border-color: #ffffff;
	border-width: 3px;
	border-style: solid;
}
